/*具体类目category*/

#cg {
    background: url(../../images/cgbg.png) repeat-x;
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    #cgLayout {
        opacity: 0.4;
        filter: alpha(opacity=40);
        position: absolute;
        top: 0;
        width: 100%;
        height: 386px;
        z-index: 499;
        div {
            width: 100%;
            height: 100%;
        }
        .cgLayoutBgColor1 {
            background: green;
        }
        .cgLayoutBgColor2 {
            background: #f00;
        }
    }
}
#cgitems {
    position: relative;
    z-index: 500;
}
#cgBoxT {
    height: 440px;  
    .cgTitle {
        height: 80px;
        line-height: 80px;
        h3{
            font-size: 25px;
            color: #47464D;
            margin: 0;
        }
        p {
            font-size: 15px;
            color: #47464D;
            font-weight: bold;
			margin: 0;
        }
    }
    .cgBoxTL {
        background: #F8E71C;
        width: 662px;
        height: 364px;
        .cgBoxTLInfo {
            width: 340px;
            margin: 0 0 0 45px;
            h4 {
                font-size: 64px;
                margin: 43px 0 0 0;
                letter-spacing: 5px;
            }
            p {
                font-size: 34px;
                margin: 1px 0 0 0;
            }
            span {
                font-size: 23px;
                display: block;
                color: #47464D;
            }
            a {
                font-size: 20px;
                display: block;
                width: 200px;
                height: 60px;
                line-height: 60px;
                background: #FF470D;
                color: white;
                text-align: center;
                border-radius: 30px;
                margin: 32px 0 44px;
            }
        }
        .cgBoxTLImg {
            width: 265px;
            height: 100%;
            img {
                width: 220px;
                margin: 23px 0 0;
            }
        }
    } 
    .cgBoxTR {
        width: 538px;
        height: 364px;
        margin-left: -2px;
        .cgBoxTR-Top {
            width: 100%;
            height: 50%;
            background: #9013FE;
        }
        .cgBoxTR-Bot {
            width: 100%;
            height: 50%;
            .cbz {
                width: 282px;
                height: 100%;
                background: #50E3C2;
            }
            .cby {
                width: 256px;
                height: 100%;
                background: #E16ADB;
            }
        }
    }
}
    /*cgBoxM*/

    .cgTabF {
        float: left;
		position: relative;
		left: 50%;
        /*如果这Ul也设置height的话，那他下面的ul里面的li就会排版错乱*/
        li {
            float: left;
            padding: 0 13px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            .lineHeig(72px);
			
			display:inline;position:relative; left:-50%;
			
			&.active {
				color: #9013FE;
			}
        }
        
    }

.cgTabS {
    width: 1220px;
    li {
        width: 224px;
        height: 224px;
        overflow: hidden;
        float: left;
        margin: 0px 20px 20px 0;
        position: relative;
        .cgTabSLayout {
            width: 100%;
            height: 90px;
            position: absolute;
            bottom: 0;
            left: 0;
            display:none;
            .cgTabLayoutBg {
                width: 100%;
                height: 90px;
                background: white;
                opacity: 0.6;
                filter: alpha(opacity=60);
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 200;
            }
            .cgTabLayoutFg {
                z-index: 202;
                position: absolute;
                padding: 0 15px 0 11px;
            }
        }
    }
}




.asd {
    letter-spacing: 0px;
}


#cgBoxB {
    margin: 10px 0 120px;
    .cgBoxWrap {height: 90px;position: relative; overflow: hidden;z-index: 601px;
        .prev, .next {
            width: 50px;
            height: 88px;
            display: block;
            background: rgba(255,255,255,0.7);
            font-size: 50px;
            line-height: 88px;
            text-align: center;
            position: absolute;
            color: #666;
            top: 0;
            /*display:none;*/
            cursor: pointer;
            z-index: 603;
        }
        .prev {left: 0;}
        .next {right: 0;}
    }
    .cgBoxBList {
        width: 1340px;
        position: absolute;
        z-index: 602;
        top: 0;
        left: 0;
        li {
            width: 256px;
			height: 88px;
            border: 1px solid #E5E5E5;
            float: left;
            margin: 0 10px 0 0;
            a {
                display: block;
                width: 100%;
                height: 100%;
                .itemSImg {
                    width: 50px;
                    height: 50px;
                    padding: 20px 16px 20px 18px;
                    float: left;
                }
                .shopInfo {
                    float: left;
                    margin-top: 25px;
                    .shopName {
                        margin-bottom: 3px;
                      h4 {margin:0 0 0;font-size: 15px;display: inline-block;}  
                    }
                    
                    p {
                        color: #AFB0B3;font-size: 11px;margin:0;display: inline-block;
                        &.majSell {margin-right: 10px;}
                        &.locat {}
                    }
                }
            }
        }
    }
}

/**/
.new {display: inline-block;background: #00D8A8;display: inline-block;width: 36px;margin-left: 10px;
height: 16px;line-height:16px;font-size: 12px;border-radius: 2px;color: white;text-align: center;margin-top: -5px;}
.resh {background:#FE4104;width: 16px;height: 16px;line-height: 16px;text-align: center;color:white;font-size: 12px;display: inline-block;margin-left: 10px;}
/*具体类目category*/
